*{margin: 0;padding: 0;box-sizing: border-box;}
  </style>
Router
import Vue from 'vue';
import VueRouter from 'vue-router';
import Home from '../views/Home.vue';
Vue.use(VueRouter);
const routes = [
  {
    path: '/',
    name: 'home',
    component: Home,
  },
  {
    path: '/about',
    name: 'about',
    component: () => import(/* webpackChunkName: "about" */ '../views/About.vue'),
  },
];
const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes,
});
export default router;
Store
import Vue from 'vue';
import Vuex from 'vuex';
Vue.use(Vuex);
export default new Vuex.Store({
  state: {},
  mutations: {},
  actions: {},
  modules: {}
});
Home.vue
<template>
  <div class="home" style="border: 1px solid #77adad">
    <div
      class="leftBox"
      v-if="leftBox.show"
      :style="{ width: leftBox.width + 'px' }"
    >
      <p style="padding: 0 5px 5px; display: flex">
        <el-select
          style="flex: 1"
          v-model="currentConnType"
          size="mini"
          @change="selectChange"
          placeholder="Please select type"